<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
	<table>
		<thead>
			<tr>
				<th>姓名</th>
				<th>年龄</th>
				<th>性别</th>
				<th>地址</th>			    
			</tr>
		</thead>
		<tbody>
			
		</tbody>
	</table>
<script type="text/javascript">
	const students=[
	 { name:"马云",age:18,gender:"男",address:"杭州"	},
	 { name:"马斯克",age:19,gender:"男",address:"美国"	},
	 { name:"马化腾",age:20,gender:"男",address:"深圳"	},	 
	]
    
    const tbody=document.querySelector("tbody")
    const trs=students.map((item)=>{
           return `
           		<tr>
	                <td>${item.name}</td>
					<td>${item.age}</td>
					<td>${item.gender}</td>
					<td>${item.address}</td>		
                </tr>`
    }).join("")
    tbody.innerHTML=trs

</script>
</body>
</html>